<template>
	<view class="achieve">
		<image src="/static/img/order_achieve.png" class="bg" />
		<view class="title">订单支付成功</view>
		<view class="msg">
			<view>订单识别码：{{ input.identificationCode }} <text @click="copy(input.identificationCode)" class="copy">复制</text></view>
			<view>
				<image src="/static/img/wallet_1.png" />
				支付方式：
				<text>{{ input.type }}</text>
			</view>
			<view>
				<image src="/static/img/wallet_2.png" />
				支付金额：
				<text>￥{{ input.money }}</text>
			</view>
		</view>
		<view class="skip">
			<text @click="order()">查看订单</text>
			<text @click="backindex()">返回首页</text>
		</view>
		<view class="tip">
			<view>下单已完成,请你将订单识别码或订单截图发给</view>
			<view>服务你的代理,公司好为你排单发货</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			input: {
				type: '',
				orderid: '',
				money: '',
				identificationCode:''
			},
			compile: false,
			is_go_top: false,
			is_all: false
		};
	},
	mounted() {
		var _this = this;
		this.input = uni.getStorageSync('orderpaytype')||this.$route.query.orderpaytype
		console.log(this.input)
	},
	methods: {
		order() {
			uni.navigateTo({
				url: '/pages/shop/order/list'
			});
		},
		backindex() {
			uni.switchTab({
				url: '/pages/shop/index'
			});
		},
		copy(value){
			uni.setClipboardData({
			    data: value,
			    success: function () {
			        uni.showToast({
			        	title:'复制成功'
						
			        })
			    }
			});
		}
	}
};
</script>
<style lang="less" scoped>
page {
	background: #ffffff;
}
.achieve {
	padding-top: 50px;
	height: 100%;
	background: #fff;
	text-align: center;
	.bg {
		width: 297rpx;
		height: 201rpx;
		margin-top: 71rpx;
	}
	.title {
		margin: 100rpx 0;
		font-size: 34rpx;
	}
	.msg {
		font-size: 26rpx;
		color: #999;
		line-height: 60rpx;
		text {
			color: #bd3c8c;
			display: inline-block;
			width: 150rpx;
			text-align: left;
		}
		.copy{
			margin-left: 20rpx;
		}
		image {
			position: relative;
			width: 37rpx;
			height: 37rpx;
			top: 10rpx;
			right: 10rpx;
		}
	}
	.skip {
		text {
			display: inline-block;
			width: 250rpx;
			line-height: 74rpx;
			border: 1px solid #bd3c8c; /*no*/
			color: #bd3c8c;
			border-radius: 10rpx;
			margin: 80rpx 29rpx 109rpx;
		}
	}
	.tip {
		font-size: 26rpx;
		line-height: 48rpx;
		color: #999;
	}
}
</style>
